<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>首页</title>
    <link rel="stylesheet" href="./style/currency.css">
    <link rel="stylesheet" href="./style/home.css">
    <script src="./jquery/jquery2.1.1.min.js"></script>
</head>

<body>
    <header>
        <div class="head">
            <div class="head-left"><a href="#"><img src="./image/logo.png" alt=""></a></div>
            <div class="head-right">
                <a href="./index.html" class="active">首页</a>
                <a href="./aboutus.html">关于我们</a>
                <a href="./contactus.html">联系我们</a>
            </div>
        </div>
    </header>
    <div class="banner">
        <ul>
            <li><img src="./image/home_banner1.jpg" alt=""></li>
            <li><img src="./image/home_banner2.jpg" alt=""></li>
        </ul>
        <ol>
            <li class="active"></li>
            <li></li>
        </ol>
    </div>
    <main>
        <section class="impossible">
            <div class="title">
                <h3>跑腿e族 无所不能</h3>
                <p class="subtitle">出售自己的技能，查看需要的技能，只有你想不到，没有你找不到</p>
            </div>
            <div class="content">
                <div class="item item1">
                    <div class="bg"></div>
                    <p class="text">附近</p>
                </div>
                <div class="item item2">
                    <div class="bg"></div>
                    <p class="text">维修</p>
                </div>
                <div class="item item3">
                    <div class="bg"></div>
                    <p class="text">家政</p>
                </div>
                <div class="item item4">
                    <div class="bg"></div>
                    <p class="text">汽车服务</p>
                </div>
                <div class="item item5">
                    <div class="bg"></div>
                    <p class="text">都市丽人</p>
                </div>
                <div class="item item6">
                    <div class="bg"></div>
                    <p class="text">其他</p>
                </div>
            </div>
        </section>
        <div class="mid-img"></div>
        <section class="download">
            <div class="title">
                <h3>下载APP 加入跑腿e族</h3>
                <p class="subtitle">在这里你可以出售你的技能，在这里你可以解决你的难题</p>
            </div>
            <div class="content">
                <img class="phone" src="./image/home_shouji.png" alt="">
                <img class="code" src="./image/home_erweima.png" alt="">
                <a href=""></a>
            </div>
        </section>
    </main>
    <footer>
        <div class="demo">
            <img src="./image/bottom_logo.png" alt="">
            <p class="info">©2017-2018 跑腿e族 All Rights Reserved</p>
        </div>
    </footer>
    <div class="right-btn">
        <div class="tip service">
            <div class="hide">15611433863</div>
        </div>
        <div class="tip qq">
            <div class="hide">1036179277</div>
        </div>
        <div class=" tip return"></div>
    </div>
    <script src="./scipt/home.js"></script>
    <script src="./scipt/currency.js"></script>
</body>

</html>